<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="6" :offset="0">
        <el-card>
          <Card>
            <!--slot='xxx'  #xxx-->
            <template #header>
              <span>销售额</span>
              <span>
                <svg
                  t="1655600894339"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2149"
                  width="16"
                  height="16"
                >
                  <path
                    d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m3.008-92.992a416 416 0 1 0 0-832 416 416 0 0 0 0 832zM448 448h128v384H448V448z m0-256h128v128H448V192z"
                    fill="#13227a"
                    p-id="2150"
                  ></path>
                </svg>
              </span>
            </template>
            <template #content>
              <h3>销售额:1167894元</h3>
            </template>
            <template #charts>
              <div>
                上涨58%
                <span
                  ><svg
                    t="1655601129498"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="3626"
                    width="18"
                    height="18"
                  >
                    <path
                      d="M896 467.2l-362.666667-341.333333c-2.133333-2.133333-6.4-4.266667-8.533333-6.4-4.266667-2.133333-6.4-2.133333-10.666667-2.133334s-8.533333 0-10.666666 2.133334c-4.266667 2.133333-6.4 4.266667-8.533334 6.4l-362.666666 341.333333c-12.8 12.8-12.8 32-2.133334 44.8 12.8 12.8 32 12.8 44.8 2.133333l309.333334-290.133333V874.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V224L853.333333 514.133333c6.4 6.4 14.933333 8.533333 21.333334 8.533334 8.533333 0 17.066667-4.266667 23.466666-10.666667 12.8-12.8 10.666667-32-2.133333-44.8z"
                      p-id="3627"
                      fill="#1afa29"
                    ></path></svg
                ></span>
                下降28%
                <span
                  ><svg
                    t="1655601218320"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="4634"
                    width="18"
                    height="18"
                  >
                    <path
                      d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861c12.7 14.7 35.5 14.7 48.3 0L868 478.5c4.5-5.2 0.8-13.2-6-13.2z"
                      p-id="4635"
                      fill="#d81e06"
                    ></path></svg
                ></span>
              </div>
            </template>
            <template #footer>
              <div>日销售额:3482元</div>
            </template>
          </Card>
        </el-card>
      </el-col>
      <el-col :span="6" :offset="0">
        <el-card>
          <Card>
            <template #header>
              <span>访问量</span>
              <span
                ><svg
                  t="1655601491584"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6286"
                  width="18"
                  height="18"
                >
                  <path
                    d="M811.008 770.048q-9.216 1.024-19.456 3.584t-18.432 5.632q-10.24 4.096-19.456 9.216-2.048-11.264 1.024-22.528 2.048-10.24 8.192-21.504t20.48-22.528q25.6-17.408 60.928-21.504t66.048 8.192 48.128 42.496 6.144 82.432q-9.216 41.984-37.888 76.288t-76.288 52.736-112.128 17.408-144.384-28.672q-55.296-19.456-87.04-48.64t-47.616-59.904-18.944-57.856-1.024-42.496 12.8-37.888 22.016-43.008q13.312-24.576 29.696-50.176 8.192-13.312 14.336-25.6 5.12-11.264 8.192-22.528t0-21.504q-10.24-26.624-25.6-40.96t-29.696-21.504q-17.408-7.168-35.84-8.192-25.6-1.024-47.104-6.144-18.432-5.12-36.352-13.312t-26.112-25.6q-9.216-17.408-7.68-35.84t7.168-36.352 11.776-34.304 6.144-28.672q0-32.768-34.816-46.08-45.056-11.264-67.584-9.216t-31.744 8.704-9.216 12.288 0 1.536q0 14.336 3.584 36.864t-3.584 43.008q-5.12 12.288-13.824 23.04t-14.848 19.968q-8.192 13.312-13.824 23.04t-4.608 12.8q2.048 4.096 9.728 5.632t11.776 3.584q5.12 3.072 6.656 9.728t7.68 11.776q10.24 10.24 12.288 17.408 1.024 4.096 0 7.168 0 8.192 1.024 19.456 1.024 9.216 2.56 20.992t4.608 23.04q6.144 26.624 14.336 37.376t19.968 13.312 28.16 0.512 39.936-2.048q17.408 1.024 35.84 1.024t32.768 8.192 22.528 22.528 13.312 28.672q4.096 17.408 6.144 35.84 3.072 23.552 3.072 47.104 0 20.48-2.048 44.544t-10.24 47.616q-17.408 48.128-51.2 71.68t-72.704 30.72q-40.96 8.192-77.824 2.048t-66.56-20.48-48.64-34.816-23.04-40.96q-3.072-16.384-0.512-32.256t7.68-30.72 12.288-28.16 12.288-25.6q9.216-19.456 11.264-34.304t0-25.088q-2.048-11.264-8.192-20.48-9.216-10.24-19.456-21.504-8.192-10.24-17.408-22.016t-15.36-26.112q-20.48-41.984-21.504-77.824 0-15.36 0.512-37.376t7.68-41.472q6.144-16.384 30.208-43.52t53.76-70.144q6.144-12.288 10.752-25.6t7.168-24.576 3.584-19.456 1.024-11.264q0-10.24-1.024-22.528t-2.048-25.6q0-6.144-1.024-20.48t2.56-31.744 12.8-35.328 28.672-32.256q15.36-11.264 36.352-15.872t39.424-5.632q21.504-1.024 45.056 1.024 19.456-7.168 40.96-11.264 18.432-4.096 43.008-7.168t51.2-3.072q89.088 2.048 149.504 27.136t99.328 61.44 59.392 78.848 29.696 78.848 10.752 61.44 1.536 26.112q1.024 17.408 12.288 31.744t26.112 29.184 30.72 30.208 27.136 33.792q21.504 38.912 23.552 69.632t-8.192 54.272-28.672 40.448-37.376 28.16-34.816 17.408-19.968 8.192q-33.792 15.36-51.712 33.792t-24.064 36.864-2.56 35.84 14.848 29.696q7.168 9.216 18.432 15.36t23.04 9.216 22.528 3.584 17.92-1.536q16.384-3.072 27.136-14.848t12.8-25.088-5.632-22.528-27.136-8.192z"
                    p-id="6287"
                    fill="#d81e06"
                  ></path></svg
              ></span>
            </template>
            <template #content>
              <h3>访问量:12306</h3>
            </template>
            <template #footer>
              <div>每日访问量:5000</div>
            </template>
            <template #charts>
              <LineCharts />
            </template>
          </Card>
        </el-card>
      </el-col>
      <el-col :span="6" :offset="0">
        <el-card>
          <Card>
            <template #header>
              <span>支付笔数</span>
              <span
                ><svg
                  t="1655605633297"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="1837"
                  width="18"
                  height="18"
                >
                  <path
                    d="M874.92 312.41c-9.55 0-17.29-7.75-17.29-17.31v-34.59c0-9.55 7.74-17.31 17.29-17.31 9.55 0 17.29 7.75 17.29 17.31v34.59c0.01 9.56-7.73 17.31-17.29 17.31z"
                    fill="#d4237a"
                    p-id="1838"
                  ></path>
                  <path
                    d="M352.97 537.29c-4.42 0-8.84-1.7-12.23-5.07l-23.39-23.39c-6.75-6.76-6.75-17.71 0-24.48s17.71-6.77 24.47 0l23.39 23.39c6.75 6.77 6.75 17.71 0 24.48a17.273 17.273 0 0 1-12.24 5.07z"
                    fill="#d4237a"
                    p-id="1839"
                  ></path>
                  <path
                    d="M377.57 591.95c-26.29 0-47.61-6.54-63.66-19.56-25.25-20.52-27-48.62-27.11-51.77l34.57-1.29-0.01-0.2c0.04 0.66 1.15 15.96 14.77 26.73 14.1 11.15 37.91 14.27 68.82 8.97 9.41-1.6 18.36 4.71 19.97 14.14 1.61 9.43-4.71 18.34-14.14 19.97-11.82 2.02-22.9 3.01-33.21 3.01z"
                    fill="#d4237a"
                    p-id="1840"
                  ></path>
                  <path
                    d="M165.68 381.58h-17.29c-9.55 0-17.31-7.73-17.31-17.28s7.75-17.31 17.31-17.31h17.29c9.55 0 17.31 7.75 17.31 17.31 0 9.56-7.75 17.28-17.31 17.28zM165.68 295.1h-17.29c-9.55 0-17.31-7.75-17.31-17.31 0-9.55 7.75-17.28 17.31-17.28h17.29c9.55 0 17.31 7.73 17.31 17.28 0 9.56-7.75 17.31-17.31 17.31z"
                    fill="#d4237a"
                    p-id="1841"
                  ></path>
                  <path
                    d="M296.91 401.27c-3.2-1.32-6.64-1.98-10.21-1.98-17.48 0-44.01 14.22-108.1 119.65-33.95 55.85-67.4 120.05-75.5 139.74-18.37 44.57 2.95 95.78 47.54 114.15 10.64 4.39 21.84 6.61 33.28 6.61 35.58 0 67.31-21.26 80.87-54.15 7.67-18.6 27.34-90.94 40.73-162.02 7.48-39.66 11.78-72.29 12.78-97.02 1.05-25.7-0.43-56.34-21.39-64.98z"
                    fill="#d4237a"
                    p-id="1842"
                  ></path>
                  <path
                    d="M580.85 347H165.68c-9.34 0-16.99 7.42-17.28 16.75-0.15 4.43 2.05 93.63 21.14 170.03h141.09c2.24-1.7 20.75-26.15 47.99-26.15 9.63 0 20.33 2.21 31.94 6.56v92.28c0 9.55 7.74 17.31 17.29 17.31h172.99c9.55 0 17.29-7.75 17.29-17.31V364.3c0.02-9.55-7.72-17.3-17.28-17.3z"
                    fill="#d4237a"
                    p-id="1843"
                  ></path>
                  <path
                    d="M322.22 433.48c0-9.55-7.74-17.28-17.29-17.28H151.27c0.9 10.57 2.05 22.27 3.55 34.59h150.11c9.55-0.01 17.29-7.76 17.29-17.31z"
                    opacity=".1"
                    p-id="1844"
                    fill="#d4237a"
                  ></path>
                  <path
                    d="M909.52 381.58H200.29c-9.55 0-17.29-7.73-17.29-17.28v-69.2c0-9.55 7.74-17.31 17.29-17.31h709.24c9.55 0 17.29 7.76 17.29 17.31v69.2c0 9.56-7.74 17.28-17.3 17.28z"
                    fill="#d4237a"
                    p-id="1845"
                  ></path>
                  <path
                    d="M527.72 357.87l-34.6-86.48a17.287 17.287 0 0 0-16.05-10.87H165.69c-9.55 0-17.29 7.73-17.29 17.28v86.51c0 9.55 7.74 17.28 17.29 17.28h345.96c5.74 0 11.11-2.84 14.33-7.6 3.22-4.75 3.86-10.8 1.74-16.12z"
                    fill="#d4237a"
                    p-id="1846"
                  ></path>
                  <path
                    d="M425.17 295.1c9.55 0 17.29-7.75 17.29-17.31v-17.28h-34.6v17.28c0 9.56 7.76 17.31 17.31 17.31zM355.97 295.1c9.55 0 17.31-7.75 17.31-17.31v-17.28h-34.6v17.28c-0.01 9.56 7.73 17.31 17.29 17.31zM286.78 295.1c9.55 0 17.29-7.75 17.29-17.31v-17.28h-34.6v17.28c0 9.56 7.76 17.31 17.31 17.31z"
                    fill="#d4237a"
                    p-id="1847"
                  ></path>
                  <path
                    d="M390.57 514.18v-99.46l-16.46 94.62c5.26 1.09 10.74 2.71 16.46 4.84z"
                    opacity=".1"
                    p-id="1848"
                    fill="#d4237a"
                  ></path></svg
              ></span>
            </template>
            <template #content>
              <h3>支付笔数1254笔</h3>
            </template>
            <template #footer>
              <div>支付转换率60%</div>
            </template>
            <template #charts>
              <BarCharts />
            </template>
          </Card>
        </el-card>
      </el-col>
      <el-col :span="6" :offset="0">
        <el-card>
          <Card>
            <template #header>
              <span>活动效果</span>
              <span
                ><svg
                  t="1655608730685"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="1619"
                  width="18"
                  height="18"
                >
                  <path
                    d="M432.857872 363.24766h158.229788v251.15234H432.857872z"
                    fill="#1296db"
                    p-id="1620"
                  ></path>
                  <path
                    d="M783.850213 565.76c-8.388085 3.377021-20.534468 38.12766-30.611064 72.442553S735.319149 705.525106 735.319149 705.525106s-0.326809 1.307234-0.490213 2.01532a157.140426 157.140426 0 0 0-2.614468 23.094468c-4.139574 67.431489 2.995745 225.062128 2.995745 225.171063H288.953191s7.135319-157.957447 2.995745-225.171063a157.140426 157.140426 0 0 0-2.614468-23.094468c0-0.708085-0.326809-1.41617-0.490213-2.01532s-7.95234-33.225532-18.028936-67.322553-22.222979-69.065532-30.611064-72.442553l171.901277-72.497021 52.398298 43.574468 35.785532-5.773617 10.893617 0.381276h2.015319l10.893617-0.381276 29.739574-8.769362 58.444256-29.194894z"
                    fill="#1296db"
                    p-id="1621"
                  ></path>
                  <path
                    d="M289.116596 705.525106s-31.86383-133.011064-48.64-139.765106c0 0-109.262979 293.582979-115.581277 342.005106 0 0 15.142128 44.228085 163.404255 48.040851h0.762554s9.913191-215.04 0.054468-250.280851zM734.883404 705.525106s31.86383-133.011064 48.64-139.765106c0 0 109.262979 293.582979 115.581277 342.059574 0 0-15.08766 44.173617-163.404255 47.986383h-0.762554s-9.913191-215.04-0.054468-250.280851z"
                    fill="#1296db"
                    p-id="1622"
                  ></path>
                  <path
                    d="M625.200794 370.19872a16.721702 28.105532 17.1 1 0 16.528319-53.726142 16.721702 28.105532 17.1 1 0-16.528319 53.726142Z"
                    fill="#1296db"
                    p-id="1623"
                  ></path>
                  <path
                    d="M375.981777 348.19956a28.105532 16.721702 72.9 1 0 31.964972-9.833709 28.105532 16.721702 72.9 1 0-31.964972 9.833709Z"
                    fill="#1296db"
                    p-id="1624"
                  ></path>
                  <path
                    d="M398.325106 332.691064a147.172766 114.382979 90 1 0 228.765958 0 147.172766 114.382979 90 1 0-228.765958 0Z"
                    fill="#1296db"
                    p-id="1625"
                  ></path>
                  <path
                    d="M596.316596 166.454468c-1.470638-3.377021-1.41617-8.115745-2.56-11.710638a66.886809 66.886809 0 0 0-13.94383-24.401702c-19.227234-21.242553-47.659574-26.580426-75.057021-24.238298a266.185532 266.185532 0 0 0-91.125107 25.436596c-15.741277 7.571064-29.194894 17.320851-37.038298 33.497872C363.302128 192.708085 364.93617 223.86383 370.382979 253.276596a461.617021 461.617021 0 0 0 21.787234 83.227234l7.026383 17.811064c1.797447-36.166809 1.742979-43.029787 5.446808-61.821277 0.925957-4.684255 2.124255-10.022128 3.594894-16.721702a24.565106 24.565106 0 0 1 28.868085-18.845958c24.782979 4.902128 50.982128-3.97617 73.09617-16.667234a70.100426 70.100426 0 0 1 29.957447-9.09617c7.353191-0.490213 15.741277-1.634043 22.114043-2.396596a40.796596 40.796596 0 0 1 10.893617 0s34.369362-36.384681 23.148936-62.311489z"
                    fill="#1296db"
                    p-id="1626"
                  ></path>
                  <path
                    d="M635.860426 327.734468l3.268085-8.006808a199.788936 199.788936 0 0 0 9.586383-31.482554c2.723404-13.017872 5.446809-26.144681 6.590638-39.325957s3.921702-26.74383 1.252766-40.306383c-3.431489-17.429787-14.924255-28.43234-30.774468-35.131915a68.575319 68.575319 0 0 0-30.393192-7.080851c12.636596 19.717447-21.787234 62.420426-21.787234 62.420426a45.644255 45.644255 0 0 1 10.893617 1.307234 29.194894 29.194894 0 0 1 9.041702 4.466383c11.982979 8.714894 19.445106 25.926809 23.312341 39.162553a237.099574 237.099574 0 0 1 8.605957 36.11234 139.438298 139.438298 0 0 1 1.034894 21.787234c0 5.882553 0 16.721702-0.326809 22.114043 2.233191-7.298723 6.699574-18.900426 9.69532-26.035745z"
                    fill="#1296db"
                    p-id="1627"
                  ></path>
                  <path
                    d="M378.771064 331.38383A28.377872 28.377872 0 0 1 386.723404 337.157447a35.622128 35.622128 0 0 1 5.882553 7.843404 33.879149 33.879149 0 0 1 4.57532 18.845958c-1.089362-3.050213-1.960851-6.045957-3.213617-8.932766a65.361702 65.361702 0 0 0-4.085107-8.333617 79.523404 79.523404 0 0 0-11.111489-15.196596z"
                    fill="#1296db"
                    p-id="1628"
                  ></path>
                  <path
                    d="M380.622979 346.090213a8.714894 8.714894 0 0 1 3.758298-1.361702 9.205106 9.205106 0 0 1 4.030638 0 7.734468 7.734468 0 0 1 3.70383 2.015319 5.011064 5.011064 0 0 1 1.525106 3.921702 10.893617 10.893617 0 0 0-2.941277-1.960851 18.028936 18.028936 0 0 0-3.050212-0.925958c-1.034894-0.326809-2.178723-0.490213-3.377022-0.817021a29.031489 29.031489 0 0 1-3.649361-0.871489zM645.610213 331.38383a81.702128 81.702128 0 0 0-10.893617 15.196596 73.477447 73.477447 0 0 0-4.030639 8.333617c-1.252766 2.886809-2.124255 5.882553-3.213617 8.932766a34.314894 34.314894 0 0 1 4.520851-18.845958 37.637447 37.637447 0 0 1 5.937022-7.843404 28.922553 28.922553 0 0 1 7.68-5.773617z"
                    fill="#1296db"
                    p-id="1629"
                  ></path>
                  <path
                    d="M643.812766 346.090213a27.234043 27.234043 0 0 1-3.70383 1.034893c-1.14383 0.326809-2.28766 0.490213-3.322553 0.817022a18.682553 18.682553 0 0 0-3.104681 0.925957 11.765106 11.765106 0 0 0-2.886808 1.960851 4.793191 4.793191 0 0 1 1.470638-3.921702 8.170213 8.170213 0 0 1 3.758298-2.015319 9.205106 9.205106 0 0 1 4.030638 0 8.714894 8.714894 0 0 1 3.758298 1.198298z"
                    fill="#1296db"
                    p-id="1630"
                  ></path>
                  <path
                    d="M682.594043 181.051915a59.424681 59.424681 0 0 1 0 10.294468 183.012766 183.012766 0 0 1-8.660426 33.988085 176.531064 176.531064 0 0 1-6.53617 18.682553c-1.307234 3.159149-4.520851 6.427234-5.446809 9.314043a9.586383 9.586383 0 0 1-0.490212 1.089362c-11.874043 30.011915-74.076596 52.997447-149.079149 52.997446-75.928511 0-138.730213-23.530213-149.569362-54.086808h-0.272341c-3.812766-2.015319-5.446809-9.259574-7.080851-12.854468-3.050213-7.95234-5.446809-16.340426-7.788936-24.401702-3.431489-12.418723-7.135319-23.911489-5.446808-37.092766 2.069787-18.845957 12.582128-33.116596 24.782978-46.95149a186.171915 186.171915 0 0 1 44.609362-36.602553 199.897872 199.897872 0 0 1 100.98383-27.234042 196.085106 196.085106 0 0 1 137.640851 55.339574c14.270638 14.706383 30.937872 35.513191 32.354043 57.518298z"
                    fill="#1296db"
                    p-id="1631"
                  ></path>
                  <path
                    d="M360.742128 262.699574a153.436596 63.509787 0 1 0 306.873191 0 153.436596 63.509787 0 1 0-306.873191 0Z"
                    fill="#1296db"
                    p-id="1632"
                  ></path>
                  <path
                    d="M512 186.716596c-70.808511 0-130.723404 22.658723-162.69617 56.864681L358.67234 261.446809l2.56 4.956595c0.599149-0.762553 1.14383-1.525106 1.797447-2.287659C388.956596 232.905532 446.638298 210.519149 512 210.519149c66.124255 0 124.568511 22.985532 149.950638 54.958298 0.381277 0.435745 0.653617 0.871489 0.980426 1.307234l1.851915-3.758298 9.749787-19.717447C642.723404 209.266383 582.372766 186.716596 512 186.716596z"
                    fill="#1296db"
                    p-id="1633"
                  ></path>
                  <path
                    d="M354.042553 254.202553c-1.851915 1.034894-3.649362 2.124255-5.446808 3.268085h-7.625532l4.085106-3.594893c3.159149-0.108936 6.154894 0.054468 8.987234 0.326808z"
                    fill="#1296db"
                    p-id="1634"
                  ></path>
                  <path
                    d="M354.042553 254.202553c-1.41617 1.525106-2.83234 3.159149-4.194042 4.738724 0 2.505532-0.435745 5.011064-0.599149 7.462127l3.867234-3.377021c0.435745-2.941277 0.925957-5.882553 0.925957-8.82383zM363.52 247.067234c-1.906383 0.980426-3.758298 1.960851-5.446809 2.995745l-7.571063-0.599149 4.194042-3.377021c2.886809 0.27234 5.882553 0.599149 8.82383 0.980425z"
                    fill="#1296db"
                    p-id="1635"
                  ></path>
                  <path
                    d="M363.465532 247.067234l-4.302979 4.520851c-0.381277 2.505532-0.653617 4.956596-0.925957 7.40766l3.97617-2.995745c0.381277-3.104681 0.817021-5.991489 1.252766-8.932766zM373.051915 240.476596l-5.446809 2.668936c-2.451064-0.381277-4.956596-0.708085-7.462127-0.980426l4.302978-3.159149q4.194043 0.653617 8.605958 1.470639z"
                    fill="#1296db"
                    p-id="1636"
                  ></path>
                  <path
                    d="M373.051915 240.476596l-4.520851 4.24851c-0.435745 2.451064-0.871489 4.902128-1.252766 7.353192l4.139574-2.995745c0.490213-2.886809 1.034894-5.719149 1.634043-8.605957zM382.801702 234.212766q-2.83234 1.14383-5.446808 2.451064c-2.451064-0.544681-4.902128-0.980426-7.40766-1.41617l4.411915-2.886809c2.668936 0.653617 5.555745 1.307234 8.442553 1.851915z"
                    fill="#1296db"
                    p-id="1637"
                  ></path>
                  <path
                    d="M382.801702 234.212766c-1.579574 1.307234-3.159149 2.668936-4.684255 4.085106-0.544681 2.396596-1.034894 4.793191-1.525107 7.189788l4.194043-2.723405c0.490213-2.777872 1.307234-5.610213 2.015319-8.551489zM392.769362 228.765957l-5.773617 2.178724-7.298724-1.742979 4.520851-2.668936zM392.769362 228.765957c-1.634043 1.252766-3.213617 2.56-4.793192 3.867234-0.653617 2.342128-1.252766 4.738723-1.851915 7.13532l4.302979-2.56c0.708085-2.995745 1.742979-5.719149 2.342128-8.442554zM403.06383 223.319149l-5.882553 1.851915-7.244256-1.851915 4.575319-2.451064c3.104681 0.817021 5.664681 1.742979 8.55149 2.451064z"
                    fill="#1296db"
                    p-id="1638"
                  ></path>
                  <path
                    d="M403.06383 223.319149c-1.688511 1.14383-3.322553 2.342128-4.956596 3.594894q-1.14383 3.485957-2.124255 7.026383c1.41617-0.817021 2.886809-1.579574 4.357447-2.342128 0.762553-2.56 1.634043-5.337872 2.723404-8.279149zM413.30383 218.852766l-5.937021 1.579574L400.340426 217.87234l4.684255-2.233191zM413.30383 218.852766c-1.742979 1.089362-3.431489 2.233191-5.12 3.377021-0.817021 2.28766-1.634043 4.575319-2.396596 6.917447 1.470638-0.762553 2.941277-1.470638 4.466383-2.124255 0.925957-2.723404 1.960851-5.446809 3.050213-8.170213zM423.81617 214.713191c-2.015319 0.381277-3.97617 0.817021-5.991489 1.307235-2.28766-0.980426-4.575319-1.851915-6.917447-2.777873l4.793192-1.960851c2.723404 1.14383 5.446809 2.233191 8.115744 3.431489z"
                    fill="#1296db"
                    p-id="1639"
                  ></path>
                  <path
                    d="M423.81617 214.713191q-2.723404 1.470638-5.446808 3.104681c-0.980426 2.233191-1.851915 4.520851-2.723405 6.754043l4.520852-1.906383c1.307234-2.668936 2.451064-5.337872 3.649361-7.952341zM434.437447 211.009362l-5.99149 1.034893-6.754042-3.050212 4.793191-2.01532zM434.437447 211.009362l-5.446809 2.886808c-1.034894 2.178723-2.015319 4.411915-2.995744 6.645107l4.575319-1.688511q1.906383-3.921702 3.867234-7.843404zM445.16766 207.850213l-5.99149 0.708085-6.590638-3.322553 4.902128-1.579575c2.614468 1.361702 5.174468 2.723404 7.68 4.194043z"
                    fill="#1296db"
                    p-id="1640"
                  ></path>
                  <path
                    d="M445.16766 207.850213q-2.668936 1.252766-5.446809 2.614468c-1.14383 2.124255-2.233191 4.302979-3.322553 6.481702l4.684255-1.470638c1.361702-2.56 2.723404-5.12 4.085107-7.625532zM456.061277 205.126809l-6.045958 0.490212-6.427234-3.649361 4.956596-1.361703c2.56 1.470638 5.065532 2.995745 7.516596 4.520852zM456.061277 205.126809l-5.446809 2.342127c-1.198298 2.124255-2.396596 4.248511-3.540425 6.372766l4.684255-1.252766c1.307234-2.505532 2.777872-5.011064 4.302979-7.462127zM467.009362 202.948085h-6.045958l-6.26383-3.921702 5.011064-1.089362c2.451064 1.742979 4.902128 3.594894 7.298724 5.011064z"
                    fill="#1296db"
                    p-id="1641"
                  ></path>
                  <path
                    d="M467.009362 202.893617l-5.446809 2.124255c-1.307234 2.069787-2.614468 4.139574-3.867234 6.209362l4.793192-1.089362c1.307234-2.396596 2.886809-4.84766 4.520851-7.244255zM478.011915 201.205106h-5.991489c-2.015319-1.41617-4.030638-2.83234-6.100426-4.194042l5.065532-0.925958c2.396596 1.634043 4.738723 3.377021 7.026383 5.12zM478.011915 201.205106l-5.719149 1.851915c-1.361702 2.015319-2.723404 3.97617-4.030638 5.99149l4.738723-0.817022zM489.123404 200.006809l-6.045957-0.326809c-1.906383-1.525106-3.867234-3.050213-5.882553-4.520851l5.065532-0.653617c2.505532 1.579574 4.629787 3.594894 6.862978 5.501277z"
                    fill="#1296db"
                    p-id="1642"
                  ></path>
                  <path
                    d="M489.068936 199.95234l-5.773617 1.634043c-1.470638 1.906383-2.886809 3.867234-4.302979 5.828085l4.793192-0.653617zM500.180426 199.244255l-5.99149-0.599149c-1.797447-1.579574-3.70383-3.159149-5.446808-4.738723l5.065532-0.435745c1.851915 1.906383 4.248511 3.812766 6.372766 5.773617z"
                    fill="#1296db"
                    p-id="1643"
                  ></path>
                  <path
                    d="M500.180426 199.244255l-5.828086 1.361702c-1.525106 1.851915-3.104681 3.70383-4.575319 5.446809l4.84766-0.435745q2.723404-3.104681 5.555745-6.372766zM511.346383 198.971915l-5.991489-0.817021c-1.742979-1.688511-3.594894-3.322553-5.446809-5.011064h5.065532zM511.346383 198.971915l-5.882553 1.089362c-1.688511 1.797447-3.268085 3.594894-4.84766 5.446808h4.84766c1.906383-2.342128 3.867234-4.411915 5.882553-6.53617zM522.457872 199.244255l-5.937021-1.089361c-1.688511-1.797447-3.431489-3.540426-5.446808-5.446809h5.065531c2.342128 2.28766 4.357447 4.411915 6.318298 6.53617zM522.457872 199.244255l-5.937021 0.817022c-1.742979 1.742979-3.431489 3.431489-5.065532 5.446808h4.84766c2.015319-2.28766 4.030638-4.302979 6.154893-6.26383zM533.787234 200.006809l-5.882553-1.416171c-1.634043-1.797447-3.268085-3.649362-4.956596-5.446808h5.065532c1.742979 2.451064 3.70383 4.629787 5.773617 6.862979z"
                    fill="#1296db"
                    p-id="1644"
                  ></path>
                  <path
                    d="M533.787234 199.95234l-5.991489 0.599149-5.446809 4.956596h4.84766c2.015319-1.742979 4.194043-3.649362 6.590638-5.555745zM544.680851 201.205106l-5.773617-1.634042-4.738723-5.446809 5.065532 0.490213c1.797447 2.015319 3.649362 4.302979 5.446808 6.590638z"
                    fill="#1296db"
                    p-id="1645"
                  ></path>
                  <path
                    d="M544.680851 201.205106c-2.015319 0-3.97617 0-5.991489 0.326809l-5.446809 4.684255 4.84766 0.435745c2.069787-1.851915 4.248511-3.649362 6.590638-5.446809zM555.574468 202.948085l-5.446808-1.906383c-1.41617-1.960851-2.941277-3.921702-4.466383-5.882553l5.065532 0.708085c1.525106 2.342128 3.268085 4.684255 4.847659 7.080851z"
                    fill="#1296db"
                    p-id="1646"
                  ></path>
                  <path
                    d="M555.574468 202.893617h-5.991489l-5.446809 4.466383 4.793192 0.653617zM566.468085 205.126809c-1.906383-0.708085-3.758298-1.470638-5.446808-2.124256-1.361702-2.015319-2.777872-4.085106-4.248511-6.045957l5.011064 0.871489c1.634043 2.451064 3.268085 4.84766 4.684255 7.298724zM566.468085 205.126809h-5.991489c-2.015319 1.361702-3.97617 2.777872-5.937022 4.194042l4.793192 0.871489zM577.361702 207.850213l-5.446808-2.396596c-1.307234-2.124255-2.614468-4.194043-3.976171-6.26383l5.011064 1.14383c1.525106 2.505532 3.050213 4.956596 4.411915 7.516596z"
                    fill="#1296db"
                    p-id="1647"
                  ></path>
                  <path
                    d="M577.361702 207.850213l-5.991489-0.544681c-2.069787 1.307234-4.139574 2.614468-6.154894 3.97617l4.793192 1.089362c2.505532-1.579574 4.956596-3.050213 7.353191-4.520851zM588.255319 211.009362c-1.797447-0.871489-3.594894-1.797447-5.446808-2.614468-1.198298-2.178723-2.396596-4.302979-3.70383-6.427234l4.956596 1.361702c1.41617 2.56 2.83234 5.12 4.194042 7.68z"
                    fill="#1296db"
                    p-id="1648"
                  ></path>
                  <path
                    d="M588.255319 211.009362l-5.991489-0.762553-6.26383 3.649361 4.684255 1.307234c2.451064-1.41617 4.956596-2.777872 7.571064-4.194042zM599.148936 214.713191l-5.446808-2.886808c-1.089362-2.233191-2.233191-4.411915-3.377022-6.590638l4.902128 1.579574c1.089362 2.614468 2.396596 5.228936 3.921702 7.897872z"
                    fill="#1296db"
                    p-id="1649"
                  ></path>
                  <path
                    d="M599.148936 214.713191l-5.991489-1.089361-6.427234 3.377021 4.629787 1.525106c2.342128-1.307234 4.84766-2.614468 7.788936-3.812766zM609.388936 218.852766c-1.742979-1.034894-3.485957-2.124255-5.446808-3.104681-0.980426-2.28766-2.015319-4.520851-3.104681-6.754042l4.793191 1.797446c1.41617 2.668936 2.614468 5.39234 3.758298 8.061277z"
                    fill="#1296db"
                    p-id="1650"
                  ></path>
                  <path
                    d="M609.388936 218.852766c-2.015319-0.435745-3.97617-0.925957-5.991489-1.307234l-6.590638 3.050213 4.575319 1.742978c2.614468-1.198298 5.283404-2.342128 8.006808-3.485957zM619.683404 223.319149c-1.688511-1.14383-3.377021-2.28766-5.12-3.377021-0.871489-2.342128-1.851915-4.629787-2.83234-6.917447l4.793191 2.069787c1.089362 2.777872 2.178723 5.664681 3.159149 8.224681zM619.683404 223.319149l-5.882553-1.634043-6.754042 2.777873 4.520851 1.960851c2.668936-0.871489 5.39234-1.906383 8.115744-3.104681zM629.868936 228.765957l-4.956596-3.594893c-0.817021-2.342128-1.688511-4.684255-2.56-7.026383l4.684256 2.233191c0.980426 2.941277 1.960851 5.501277 2.83234 8.388085zM629.868936 228.765957l-5.828085-1.851914c-2.342128 0.762553-4.629787 1.579574-6.917447 2.451063l4.466383 2.124256zM639.836596 234.212766l-4.84766-3.867234c-0.708085-2.396596-1.470638-4.738723-2.233191-7.135319l4.575319 2.451064c0.925957 3.104681 1.742979 5.828085 2.505532 8.551489zM639.836596 234.212766l-5.773617-2.178723q-3.485957 0.980426-7.026383 2.124255l4.357447 2.342128c2.777872-0.708085 5.882553-1.470638 8.442553-2.28766zM649.640851 240.476596l-4.738723-4.139575c-0.599149-2.396596-1.252766-4.84766-1.960851-7.244255l4.520851 2.723404c0.708085 2.886809 1.525106 5.773617 2.178723 8.660426z"
                    fill="#1296db"
                    p-id="1651"
                  ></path>
                  <path
                    d="M649.640851 240.422128l-5.446808-2.451064-7.462128 1.68851 4.302979 2.56zM659.06383 247.067234l-4.520851-4.357447c-0.544681-2.451064-1.089362-4.902128-1.688511-7.353191l4.411915 2.941276c0.762553 2.941277 1.361702 5.882553 1.797447 8.769362z"
                    fill="#1296db"
                    p-id="1652"
                  ></path>
                  <path
                    d="M659.06383 247.067234l-5.446809-2.723404-7.298723 1.41617 4.248511 2.777872q4.194043-0.817021 8.497021-1.470638zM668.486809 254.202553l-4.411915-4.629787c-0.381277-2.451064-0.817021-4.956596-1.307234-7.40766l4.302978 3.159149c0.490213 2.941277 0.980426 5.937021 1.416171 8.878298zM668.486809 254.202553l-5.446809-3.050213c-2.451064 0.326809-4.902128 0.653617-7.353191 1.089362 1.361702 0.980426 2.777872 1.960851 4.085106 2.995745 2.83234-0.435745 5.719149-0.762553 8.714894-1.034894zM677.528511 261.773617l-4.194043-4.793191c-0.326809-2.505532-0.653617-5.011064-1.089362-7.516596l4.194043 3.377021c0.435745 3.159149 0.762553 5.991489 1.089362 8.932766zM677.528511 261.773617l-5.446809-3.322553-7.407659 0.708085 3.97617 3.213617c2.941277-0.27234 5.882553-0.435745 8.878298-0.599149z"
                    fill="#1296db"
                    p-id="1653"
                  ></path>
                  <path
                    d="M495.060426 547.458723a41.613617 41.613617 0 0 0-3.159149-5.446808 47.387234 47.387234 0 0 0-9.586383-10.893617c-0.544681-0.490213-1.797447-0.925957-2.233192-1.470638l-2.069787-2.505532 1.797447-6.372766 5.446808-0.490213h6.917447l37.201702-1.034894 13.780426 3.812766-3.812766 3.649362c-2.451064 2.28766-5.446809 3.758298-8.170213 5.773617a33.988085 33.988085 0 0 0-8.932766 10.566809 22.495319 22.495319 0 0 0-1.198298 13.399148v1.634043s-23.475745 0.490213-25.926808 0a26.417021 26.417021 0 0 0 0.762553-7.788936 13.998298 13.998298 0 0 0-0.817021-2.832341z"
                    fill="#1296db"
                    p-id="1654"
                  ></path>
                  <path
                    d="M481.988085 738.532766s-1.634043-108.010213 0-146.737021a58.988936 58.988936 0 0 1 6.045958-24.238298 36.657021 36.657021 0 0 1 7.625531-10.185532l25.109788-0.708085a49.348085 49.348085 0 0 1 13.889361 30.175319l4.57532 72.878298 6.209361 81.702127 2.886809 113.729362-36.330213 53.868936-30.229787-53.868936z"
                    fill="#1296db"
                    p-id="1655"
                  ></path>
                  <path
                    d="M432.857872 472.946383a99.948936 99.948936 0 0 0 37.365107 27.778723h0.381276a322.396596 322.396596 0 0 0 35.56766 17.211915l5.446808 1.906383 0.87149 0.490213h-1.797447a45.426383 45.426383 0 0 0-18.246809 2.886809l-0.817021 0.54468c-1.742979 1.361702-41.777021 61.821277-41.777021 61.821277a4.520851 4.520851 0 0 1-7.462128-0.708085S386.723404 504.646809 386.995745 503.829787c0 0 42.920851-27.942128 45.862127-30.883404z"
                    fill="#1296db"
                    p-id="1656"
                  ></path>
                  <path
                    d="M591.08766 472.946383a99.622128 99.622128 0 0 1-37.310639 27.778723h-0.381276a327.353191 327.353191 0 0 1-35.56766 17.211915l-5.446808 1.906383-0.817022 0.490213h1.742979a45.698723 45.698723 0 0 1 18.301277 2.886809l0.817021 0.54468c1.688511 1.361702 41.777021 61.821277 41.777021 61.821277a4.520851 4.520851 0 0 0 7.462128-0.708085S637.276596 504.919149 637.276596 504.102128c0 0-43.24766-28.214468-46.188936-31.155745z"
                    fill="#1296db"
                    p-id="1657"
                  ></path>
                  <path
                    d="M233.286809 566.468085l14.107234 19.989787a3.159149 3.159149 0 0 0 3.758297 1.14383l96.081703-39.380425a3.322553 3.322553 0 0 0 1.797446-2.01532l6.154894-19.554042a1.525106 1.525106 0 0 0-1.089362-1.960851l-18.519149-4.84766a3.213617 3.213617 0 0 0-2.015319 0l-98.914042 41.722553a3.213617 3.213617 0 0 0-1.361702 4.902128z"
                    fill="#1296db"
                    p-id="1658"
                  ></path>
                  <path
                    d="M239.931915 562.05617l14.597447 21.297021 6.53617-3.431489-13.998298-20.861276-7.135319 2.995744zM280.347234 559.005957a3.867234 3.867234 0 0 0-4.248511-3.268085 4.684255 4.684255 0 0 0-3.159149 1.14383 3.867234 3.867234 0 0 0-3.268085-1.797447 3.594894 3.594894 0 0 0-3.703829 3.485958 2.451064 2.451064 0 0 0 0 1.089361 3.213617 3.213617 0 0 0-2.233192 2.832341 3.649362 3.649362 0 0 0 3.921702 3.104681 4.629787 4.629787 0 0 0 2.832341-0.925958 3.431489 3.431489 0 0 0 6.590638-1.41617 3.867234 3.867234 0 0 0 0-1.089362 3.594894 3.594894 0 0 0 3.268085-3.159149zM314.226383 544.680851a3.812766 3.812766 0 0 0-4.194043-3.213617 4.793191 4.793191 0 0 0-3.213617 1.14383 3.70383 3.70383 0 0 0-3.268085-1.797447 3.540426 3.540426 0 0 0-3.703829 3.431489 4.248511 4.248511 0 0 0 0 1.14383 3.050213 3.050213 0 0 0-2.178724 2.777873 3.540426 3.540426 0 0 0 3.921702 3.10468 4.248511 4.248511 0 0 0 2.777873-0.925957 3.485957 3.485957 0 0 0 3.159149 2.069787 3.431489 3.431489 0 0 0 3.431489-3.431489 3.159149 3.159149 0 0 1 3.050213-4.302979z"
                    fill="#1296db"
                    p-id="1659"
                  ></path>
                  <path
                    d="M790.713191 566.468085l-14.107234 19.989787a3.159149 3.159149 0 0 1-3.758297 1.14383l-96.081703-39.380425a3.159149 3.159149 0 0 1-1.797446-2.01532l-6.154894-19.554042a1.525106 1.525106 0 0 1 1.089362-1.960851l18.464681-4.84766a3.377021 3.377021 0 0 1 2.069787 0l98.914042 41.722553a3.213617 3.213617 0 0 1 1.361702 4.902128z"
                    fill="#1296db"
                    p-id="1660"
                  ></path>
                  <path
                    d="M784.068085 562.05617l-14.597447 21.297021-6.53617-3.431489 13.998298-20.861276 7.135319 2.995744zM743.652766 559.005957a3.867234 3.867234 0 0 1 4.194043-3.268085 4.793191 4.793191 0 0 1 3.213617 1.14383 3.812766 3.812766 0 0 1 3.268085-1.797447 3.649362 3.649362 0 0 1 3.703829 3.485958 3.540426 3.540426 0 0 1 0 1.089361 3.104681 3.104681 0 0 1 2.178724 2.832341 3.594894 3.594894 0 0 1-3.921702 3.104681 4.575319 4.575319 0 0 1-2.777873-0.925958 3.431489 3.431489 0 0 1-6.590638-1.41617 3.867234 3.867234 0 0 1 0-1.089362 3.540426 3.540426 0 0 1-3.268085-3.159149zM709.773617 544.680851c0-1.797447 1.851915-3.213617 4.194043-3.213617a4.684255 4.684255 0 0 1 3.159149 1.14383 3.758298 3.758298 0 0 1 3.268085-1.797447 3.594894 3.594894 0 0 1 3.758297 3.431489 4.248511 4.248511 0 0 1 0 1.14383 3.104681 3.104681 0 0 1 2.178724 2.777873 3.540426 3.540426 0 0 1-3.921702 3.10468 4.248511 4.248511 0 0 1-2.777873-0.925957 3.485957 3.485957 0 0 1-3.159149 2.069787 3.431489 3.431489 0 0 1-3.431489-3.431489 3.268085 3.268085 0 0 0-3.050213-4.302979z"
                    fill="#1296db"
                    p-id="1661"
                  ></path>
                  <path
                    d="M599.748085 689.021277m3.268085 0l86.222979 0q3.268085 0 3.268085 3.268085l0 14.21617q0 3.268085-3.268085 3.268085l-86.222979 0q-3.268085 0-3.268085-3.268085l0-14.21617q0-3.268085 3.268085-3.268085Z"
                    fill="#1296db"
                    p-id="1662"
                  ></path>
                  <path
                    d="M339.445106 689.021277m3.268085 0l86.222979 0q3.268085 0 3.268085 3.268085l0 14.21617q0 3.268085-3.268085 3.268085l-86.222979 0q-3.268085 0-3.268085-3.268085l0-14.21617q0-3.268085 3.268085-3.268085Z"
                    fill="#1296db"
                    p-id="1663"
                  ></path>
                  <path
                    d="M405.678298 687.005957l-20.697872-11.057021-19.880852 12.418724 0.817022 23.421276 20.643404 11.002553 19.935319-12.364255-0.817021-23.421277z"
                    fill="#1296db"
                    p-id="1664"
                  ></path></svg
              ></span>
            </template>
            <template #content>
              <h3>活动效果转换率70%</h3>
            </template>
            <template #footer>
              <div>
                上涨58%
                <span
                  ><svg
                    t="1655601129498"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="3626"
                    width="18"
                    height="18"
                  >
                    <path
                      d="M896 467.2l-362.666667-341.333333c-2.133333-2.133333-6.4-4.266667-8.533333-6.4-4.266667-2.133333-6.4-2.133333-10.666667-2.133334s-8.533333 0-10.666666 2.133334c-4.266667 2.133333-6.4 4.266667-8.533334 6.4l-362.666666 341.333333c-12.8 12.8-12.8 32-2.133334 44.8 12.8 12.8 32 12.8 44.8 2.133333l309.333334-290.133333V874.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V224L853.333333 514.133333c6.4 6.4 14.933333 8.533333 21.333334 8.533334 8.533333 0 17.066667-4.266667 23.466666-10.666667 12.8-12.8 10.666667-32-2.133333-44.8z"
                      p-id="3627"
                      fill="#1afa29"
                    ></path></svg
                ></span>
                下降28%
                <span
                  ><svg
                    t="1655601218320"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="4634"
                    width="18"
                    height="18"
                  >
                    <path
                      d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861c12.7 14.7 35.5 14.7 48.3 0L868 478.5c4.5-5.2 0.8-13.2-6-13.2z"
                      p-id="4635"
                      fill="#d81e06"
                    ></path></svg
                ></span>
              </div>
            </template>
            <template #charts>
              <ProgressCharts />
            </template>
          </Card>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
//引入卡片子组件
import Card from "./Card";
import LineCharts from "./LineCharts";
import BarCharts from "./BarChatrs";
import ProgressCharts from "./ProgressCharts";
export default {
  name: "",
  components: {
    Card,
    LineCharts,
    BarCharts,
    ProgressCharts,
  },
};
</script>

<style scoped>
</style>
